//variables
@headerFontSize:13px;
@headerHeight: 40px;
@headerTextColor: #ffffff;
@headerBackgroundTopColor: #e00308;
@headerBackgroundBottomColor: #b90e12;
@navigationSelectedBackgroundColor: #b2090c;

//position
#header{
  left: 0;
  right: 0;
  z-index: 1000;
}

#navigation{
  padding-left: 140px;
  margin: 0 0 0 10px;
  float: left;
  & > li{
    display: inline-block;
    & > a{
      padding-left: 15px;
      padding-right: 15px;
    }
  }
}

//properties
#header{
  height: @headerHeight;
  font-size: @headerFontSize;
  .backgroundGradient(@headerBackgroundTopColor,@headerBackgroundBottomColor);
  font-weight: bold;
  color: @headerTextColor;
}

#navigation{
  list-style: none;
  height: @headerHeight;
  & > li{
    line-height: @headerHeight;
    &.selected{
      background-color: @navigationSelectedBackgroundColor;
      box-shadow:inset 0 0 5px (@navigationSelectedBackgroundColor - #222);/*#a70304*/
    }
    & > a{
      text-decoration:none;
      cursor:pointer;
      color: @headerTextColor;
      display: block;
    }
  }
}
